<template>
  <view class="store-home">
    <up-swiper
        :list="list3"
        previousMargin="30"
        nextMargin="30"
        circular
        class="swiper"
        :autoplay="false"
        radius="5"
        bgColor="#ffffff"
        height="200"
    ></up-swiper>
    <view class="p-c-20">
      <scroll-view scroll-y="true" height="calc(100vh - 560rpx)">
        <view class="p-c-30" v-for="(i,index) in 10" :key="i" :style="{marginBottom:index!==9?'0':'120rpx'}">
          <view class="u-f-sl f-c-9 p-c-30 text-center">2025-4-1上新</view>
          <a-goods></a-goods>
        </view>
      </scroll-view>
    </view>
  </view>
</template>

<script lang="ts" setup>
import {reactive} from 'vue'

const list3 = reactive([
  'https://picsum.photos/id/200/200/300',
  'https://picsum.photos/id/201/200/300',
  'https://picsum.photos/id/203/200/300',
]);
</script>

<style scoped lang="scss">
@import "~@/static/css/index.css";

.store-home {
  height: 100vh;
  overflow: auto;

  .swiper{
    // #ifdef H5 || MP-WEIXIN
    margin-top: 100rpx;
    // #endif
    // #ifdef APP-PLUS
    margin-top: 160rpx;
    // #endif
  }
}
</style>